$(function () {


    $(".content img").lazyload({ effect: "fadeIn" });
    $(".foot img").lazyload({ effect: "fadeIn" });
    //头部栏 鼠标移入变红
    $('.head .hedul li.menu a').on('mouseenter', function () {
        $(this).css('color', '#c00')
    }).on('mouseleave', function () {
        $(this).css('color', '#666')
    })
    $('.out').mouseenter(function () {
        $(this).css('color', '#c00')
    }).mouseleave(function () {
        $(this).css('color', '#999')
    })
    //鼠标移入显示二级导航栏
    //    top: 6px;
    // right: 10px;
    // height: 0;
    // width: 0;
    $('.head .hedul').on('mouseenter', 'li', function () {
        $(this).children('.drap').css('display', 'block')
        $(this).children('.hd').css('display', 'block')
        $(this).children('i').css('transform', 'rotateZ(180deg)')

    }).on('mouseleave', 'li', function () {
        $(this).children('.drap').css('display', 'none')
        $(this).children('.hd').css('display', 'none')
        $(this).children('i').css('transform', 'rotateZ(0deg)')
    })
    //鼠标移入迷你购物车变色
    $('.minicart').on('mouseenter', function () {
        $(this).addClass('cur')
    }).on('mouseleave', function () {
        $(this).removeClass('cur')
    })
    //移入所有商品分类展开二级菜单
    //1
    var x1
    var y1
    $('.navL1').on('mouseenter', function () {
        x1 = $(this).offset().left
        y1 = $(this).offset().top

        $('.leftNav').css({
            visibility: 'visible',
            left: x1,
            top: y1 + 34
        })
    }).on('mouseleave', function () {
        $('.leftNav').css('visibility', 'hidden')
    })
    $('.leftNav').on('mouseenter', function () {
        $('.leftNav').css({
            visibility: 'visible'
        })
    }).on('mouseleave', function () {
        $('.leftNav').css('visibility', 'hidden')
    })

    //2
    var x2
    var y2
    $('#nanzi').on('mouseenter', function () {
        x2 = $(this).offset().left
        y2 = $(this).offset().top
        $('.mannav').css({
            visibility: 'visible',
            left: x2,
            top: y2 + 34
        })
    }).on('mouseleave', function () {
        $('.mannav').css('visibility', 'hidden')
    })
    $('.mannav').on('mouseenter', function () {
        $('.mannav').css({
            visibility: 'visible',
            left: x2,
            top: y2 + 34
        })
    }).on('mouseleave', function () {
        $('.mannav').css('visibility', 'hidden')
    })

    //3
    var x3, y3;
    $('#nvzi').on('mouseenter', function () {
        x3 = $(this).offset().left
        y3 = $(this).offset().top
        $('.womennav').css({
            visibility: 'visible',
            left: x3,
            top: y3 + 34
        })
    }).on('mouseleave', function () {
        $('.womennav').css('visibility', 'hidden')
    })
    $('.womennav').on('mouseenter', function () {
        $('.womennav').css({
            visibility: 'visible',
            left: x3,
            top: y3 + 34
        })
    }).on('mouseleave', function () {
        $('.womennav').css('visibility', 'hidden')
    })
    //
    $('.navBox ul').on('mouseenter', '.navL2', function () {
        $(this).children('a').addClass('on')
    }).on('mouseleave', '.navL2', function () {
        $(this).children('a').removeClass('on')
        $('#navL2-1').first().addClass('on')
    })

    $('.right').on('mouseenter', '.box', function () {
        $(this).css('backgroundColor', '#c40000')
    }).on('mouseleave', '.box', function () {
        $(this).css('backgroundColor', '#000')
    })

    $('.minicart').on('click', function () {
        if (localStorage.getItem('userInfo') == undefined) {
            layer.confirm('还未登录,是否立即登录?', {
                btn: ['是', '否']
            }, (index) => {

                layer.close(index)
                //跳转到主页
                location.href = "./denglu.html"
            }, () => {
                //取消则在登录页面 给出提示
                return
            })
        }
        else {
            location = './cart.html'
        }
    })
    $('.cartbox').on('click', function () {
        if (localStorage.getItem('userInfo') == undefined) {
            layer.confirm('还未登录,是否立即登录?', {
                btn: ['是', '否']
            }, (index) => {

                layer.close(index)
                //跳转到主页
                location.href = "./denglu.html"
            }, () => {
                //取消则在登录页面 给出提示
                return
            })
        }
        else {
            location = './cart.html'
        }
    })
    $('.out').on('click', function () {
        localStorage.clear()
        location = './denglu.html'
    })
    var dataList = JSON.parse(Cookies.get('carts') || '[]')
    var num = 0
    if (localStorage.getItem('userInfo') == undefined) {
        $('.nums').children('b').html(0)
    } else {
        dataList.forEach(function (item) {
            num += Number(item.num)
        })
        console.log(num);
        $('.nums').children('b').html(num)
    }
    $('#cart_l').on('click', function () {
        if (localStorage.getItem('userInfo') == undefined) {
            layer.confirm('还未登录,是否立即登录?', {
                btn: ['是', '否']
            }, (index) => {

                layer.close(index)
                //跳转到主页
                location.href = "./denglu.html"
            }, () => {
                //取消则在登录页面 给出提示
                return
            })
        }
        else {
            location = './xiangqingye.html'
        }
    })


    $('.louceng').find('li').on('click', function () {
        // $(this).addClass('active').siblings().removeClass('active')
        $('html,body').animate({
            scrollTop: $('.listAA').eq($(this).index()).offset().top
        })
        console.log($('.listAA').eq($(this).index()).offset().top);
    })
    $(document).on('scroll', _.throttle(function () {
        // 获取不可见高度
        var scolTop = $(this).scrollTop()
        // 返回一个楼层到body的距离加上楼层自身的高度
        var itmesList = Array.from($('.listAA')).map(function (item) {
            return $(item).offset().top + $(item).height()
        })
        // 判断楼层的高度与不可见高度的大小 
        var index = itmesList.findIndex(function (item) {
            return item > scolTop
        })
        // console.log(scolTop,itmesList);
        $('.louceng').find('li').eq(index).addClass('active').siblings().removeClass('active')
    }, 500))
})